<template>
  <div
    class="report-node basic-node"
    ref="NodeRef"
  >
  </div>
</template>

<script setup lang="ts" name="ReportNode">
</script>
<style scoped lang="scss">
.report-node {
  width: 590px;
}
.add-btn-icon {
  margin-right: 8px;
  color: var(--color-primary);
}
.file-box {
  flex: 1;
  display: flex;
  align-items: center;
}
.file-icon {
  margin-right: 4px;
  display: flex;
  align-items: center;
}
.file-name-input {
  width: 300px;
}
.file-name {
  width: 300px;
  font-size: 14px;
  color: #2a303a;
  cursor: pointer;
  &:hover {
    color: var(--color-primary);
    text-decoration: underline;
  }
}
.temp-btns-box {
  flex: 1;
  text-align: right;
}
</style>
